<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>iFrame textarea resizing example</title>
    <meta name="description" content="iFrame textarea resizing example" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <style>
      a {
        float: right;
        margin-left: 10px;
      }
      body {
        margin: 0;
        padding: 8px 10px;
        border: solid 1px red;
      }

      textarea {
        width: 40vw;
        resize: vertical;
      }
    </style>
  </head>

  <body>
    <b>iFrame TextArea Example</b>
    <a href="frame.content.html">Back to page 1</a>

    <p>
      Resize the textarea below.
    </p>

    <textarea id="textArea">Resize me</textarea>

    <script src="../../../js-dist/iframe-resizer.child.js"></script>

  </body>
</html>
